<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Wordpress Интенсив</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <section class="first-screen">
        <div class="container">
            <div class="logo">
                <img class="logo-img" src="icons/logo.png" alt="Логотип">
                <div class="logo-text">WordPress интенсив</div>
            </div>
            <div class="main">
                <h1 class="main_text">Создать свой сайт на WordPress</h1>
                <h2 class="main-sub_text"> <span class="line"></span> это просто! <span class="line"></span></h2>
                <h2 class="main-desrc_text">Куда сложнее сделать это правильно!</h2>
                <div class="main-paragrah">
                    Ежедневно в России появляется более 5 000 новых сайтов.<br>
И только единицы из них становятся популярными и приносят ощутимую прибыль. В чем секрет? В чем формула успеха? Узнайте на предстоящем двухдневном <span class="color-text">БЕСПЛАТНОМ</span>  интенсиве!
                </div>
                <button class="button">Записаться на интенсив!</button>
                <div class="inf">
                    <div class="inf_text">узнать больше об интенсиве</div>
                    <img class="inf_img" src="icons/arrow.png" alt="Стрелочка">
                </div>
            </div>

           
        </div>
    </section>

    <section class="intensive">
        <div class="container">
            <h2 class="intensive_title">Что вас ждет в нашем интенсиве?</h2>
            <div class="line-orange"></div>
            <div class="intensive_subtitle">2 бесплатных полноценных обучающих вебинара, где:</div>
            <div class="wrapper">
                <div class="intensive_card">
                    <img src="img/intensiv_1.png" alt="Создать сайт" class="intensive_card_img">
                    <div class="intensive_card_text-desrc">Всего за два бесплатных вебинара мы научим вас, как создать свой сайт на WordPress.</div>
                </div>
                <div class="intensive_card">
                    <img src="img/intensiv_2.png" alt="Оптимизировать сайт" class="intensive_card_img">
                    <div class="intensive_card_text-desrc">Покажем, как правильно оптимизировать сайт и сделать его привлекательным для поисковых систем. Только свежая, профессиональная и 
                        актуальная информация!</div>
                </div>
                <div class="intensive_card">
                    <img src="img/intensiv_3.png" alt="Хорошая индексация" class="intensive_card_img">
                    <div class="intensive_card_text-desrc">Вы узнаете, что такое «хорошая индексация»,
                        «высокая посещаемость», «стабильный прирост посетителей», «ТОП по запросам» и, что намного важнее, как добиться всех этих показателей!</div>
                </div>
            </div>
            
        </div>
    </section>

    <section class="optimaze">
        <div class="container">
            <h2 class="optimaze_title">Что такое оптимизация и зачем она нужна?</h2>
            <div class="optimaze_text">
                На просторах интернета несчетное количество действующих и даже заброшенных сайтов. Большинство из них совпадает не только по категориям, но и по содержанию.
                <br><br>
                Представьте себе тысячи сайтов, на которых тем или иным образом предоставляется одна и та же информация или продается одна и та же услуга. И попасть на эти сайты можно лишь по тематическим запросам в поисковых системах. 
                <br><br>
                Но как вам быть, если ваш сайт похож на сотню или тысячу таких же, а на одной странице гугла или яндекса всего 10 позиций? Как привести посетителей страницы своего ресурса? Именно для этого и нужна оптимизация – для вывода вашего сайта на первую страницу поиска!
                <br><br>
                <span>Мы научим вас, как сделать ваш сайт привлекательным для поисковых систем и посоветуем, как вывести его на первые страницы, обходя всех конкурентов.</span>
            </div>
            <img class="optimaze_img" src="img/bg/bg_optimaz.png" alt="Девушка с ноутбуком">
        </div>
    </section>

    <section class="finish">
        <div class="container">
            <h2 class="finish_title">По окончании обучения Вы сможете!</h2>
            <div class="line-orange"></div>
            <div class="finish_wrapper">
                <div class="finish_card">
                    <div class="border_img">
                        <img src="icons/finish/icon_colomn.png" alt="Колонна" class="finish_card_img">
                    </div>
                   
                    <div class="finish_card_text">Создать свой сайт или блог</div>
                </div>
                <div class="finish_card">
                    <div class="border_img">
                        <img src="icons/finish/icon_comp.png" alt="Компьютер" class="finish_card_img">
                    </div>
                    
                    <div class="finish_card_text">Правильно его оптимизировать</div>
                </div>
                <div class="finish_card">
                    <div class="border_img">
                        <img src="icons/finish/icon_diag.png" alt="Диаграмма" class="finish_card_img">
                    </div>
                    
                    <div class="finish_card_text">Обеспечить ему медленный, но верный рост в ТОП</div>
                </div>
                <div class="finish_card">
                    <div class="border_img">
                        <img src="icons/finish/icon_mans.png" alt="Манс" class="finish_card_img">
                    </div>
                    
                    <div class="finish_card_text">Достигнуть стабильного прироста посетителей</div>
                </div>
                <div class="finish_card">
                    <div class="border_img">
                        <img src="icons/finish/icon_money.png" alt="Деньги" class="finish_card_img">
                    </div>
                    
                    <div class="finish_card_text">Получать ощутимую прибыль</div>
                </div>
            </div>

        </div>
    </section>

    <section class="gift">
        <div class="container">
            <div class="gift_wrapper">
                <img src="icons/gift.png" alt="Подарок" class="gift_img">
            </div>
            <div class="gift_text">Для всех участников интенсива предусмотрены бонусы и подарки. Нажимайте на кнопку ниже, принимайте участие в вебинарах и забирайте свой приз по окончании обучения!</div>
            <button class="gift_btn button">Записаться на интенсив!</button>

        </div>
    </section>

    <section class="first-vebinar">
        <div class="container">
            <div class="first-vebinar_wrapper">
                <img src="icons/footer.png" alt="Монитор с диаграмой" class="first-vebinar_img">
            </div>
            <h2 class="first-vebinar_title">Первый вебинар состоится:</h2>
            <div class="first-vebinar_date">10 сентября в 20:00 по Москве</div>
            <div class="first-vebinar_subtitle">Успейте записаться, количество мест ограничено!</div>
        </div>
    </section>

    <footer class="footer">
        <div class="container">
            <div class="footer_wrapper">
                <a href="#" class="footer_link">Служба поддержки |</a> 
                <a href="#" class="footer_link">Политика конфиденциальности</a> <br>
                <a href="#" class="footer_link no-decoration">Позвоните нам 8-800-555-01-21</a>
            </div>
        </div>
    </footer>
</body>
</html>